<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Celestial Home - Extracting every detail of your dream</title>
    <link rel="Stylesheet" type="text/css" href="css/master.css" />
    <link rel="Stylesheet" type="text/css" href="css/forms.css" />
    <link rel="Stylesheet" type="text/css" href="css/register.css" />
	

 <script type="text/javascript" src="javascripts/helpers.js"></script>
 <script type="text/javascript" src="javascripts/login.js"></script>
 <script type="text/javascript" src="javascripts/register.js"></script>
 <script type="text/javascript">
     window.onload = function() {
         if (checkLogin())
            window.location = "login.html";
     }
    </script>
</head>
<body>

<div id="divTitle">
    <div id="divCustMenu">
        <img src="images/user.png" alt="user" /><a id="aLogin" href="login.html">Login</a> |
        <img src="images/profile.png" alt="profile" /><a id="aProfile" href="particulars.html">My Profile</a> |
        <img src="images/cart.png" alt="cart" /><a href="construct.html">My Cart</a> | 
        <img src="images/checkout.png" alt="checkout" /><a href="construct.html">Checkout</a>
    </div><!--ends divCustmenu-->

    <div id="divWelcome"></div>
</div><!--ends divTitle-->

<!-- Navigation Bar - common for all pages -->
<div id="divNavBar">
    <ul>
        <li><img src="images/home.png" alt="home"/><a href="index.html"> Home</a></li>
        <li><img src="images/briefcase.png" alt="home"/><a href="about.html"> About Us</a></li>
        <li><img src="images/chair.png" alt="home"/><a href="construct.html"> Products</a>
            <ul>
                <li><a href="construct.html">Bed Room</a>
                    <ul>
                        <li><a href="construct.html">Beds</a></li>
                        <li><a href="construct.html">Wardrobes</a></li>
                    </ul>
                </li>
                <li><a href="construct.html">Dining Room</a>
                    <ul>
                        <li><a href="construct.html">Chairs</a></li>
                        <li><a href="construct.html">Dining Tables</a></li>
                        <li><a href="construct.html">Dining Table Sets</a></li>
                    </ul>
                </li>
                <li><a href="construct.html">Living Room</a>
                    <ul>
                        <li><a href="construct.html">Coffee Tables</a></li>
                        <li><a href="construct.html">Sofa</a></li>
                        <li><a href="construct.html">Sofa Sets</a></li>
                        <li><a href="construct.html">TV Cabinets</a></li>
                    </ul>
                </li>
                <li><a href="construct.html">Study Room</a>
                    <ul>
                        <li><a href="construct.html">Desks</a></li>
                        <li><a href="construct.html">Book Shelves</a></li>
                    </ul>
                </li>
            </ul>
        </li> <!--ends Products menu-->
        <li><img src="images/design.png" alt="home"/><a href="construct.html"> Design</a>
            <ul>
                <li><a href="construct.html">Wardrobe</a></li>
                <li><a href="construct.html">Home Theatre</a></li>
            </ul>
        </li> <!--ends design menu-->
        <li><img src="images/earth.png" alt="home"/><a href="construct.html"> Support</a>
            <ul>
                <li ><a href="contact.html">Contact Us</a></li>
                <li><a href="construct.html">Track Your Order</a></li>
            </ul>
        </li> <!--ends support menu-->

        <li id="lstManager"><img src="images/manager_tasks.png" alt="manager tasks" /><a href="customers.html"> Manager</a>
        </li>   
    </ul>  <!--ends navigation menu-->
</div> <!--ends navigation division--> 

<div id="divMain">
    <form name="frmRegister" method="post" action="RegisterServlet" onSubmit="return checkform();">
        <fieldset id="fsetRegistrationDetails">
            <p class="pLegend">Registration Details</p>
            <label><em class="emStar">* </em>Email:</label>
            <input type="text" id="txtEmail" name="txtEmail" maxlength="50" onchange="validate(this)" />
            <label id="lblErr" class="lblError"></label>
            <br />
            <label><em class="emStar">* </em>Password:</label> 
            <input type="password" id="txtPassword" name="txtPassword" size="30" maxlength="20" onkeypress="getPasswordStrength(this)" />
            <img src="images/passWeak.png" id="picpw" height="22" width="92" style="display:none"/>
            <label id="lblPasswordError" class="lblError"></label>
            <br />
            <label><em class="emStar">* </em>Retype:</label> 
            <input type="password" id="txtRetypePassword" size="30" maxlength="20" onblur="checkrpw('rd','password')" onfocus="changelabel('rdErr','')"/>
            <label id="lblRetypePasswordError" class="lblError"></Label>
            <br /><br />
            <label><em class="emStar">* </em>First Name:</label> 
            <input type="text" id="txtFirstName" name="txtFirstName" size="30" maxlength="20" onblur="checkfn()" onfocus="changelabel('fnErr','')"/>
            <label id="lblFirstnameError" class="lblError"></Label>
            <br />
            <label><em class="emStar">* </em>Last Name:</label> 
            <input type="text" id="txtLastName" name="txtLastName" size="30" maxlength="20" onblur="checkln()" onfocus="changelabel('lnErr','')"/>
            <label id="lblLastNameError" class="lblError"></Label>
            <br />
            <label>Contact No:</label> 
            <input type="text" name="contact" size="30" maxlength="20" onkeypress="return looseNumbersOnly(event)"/>
            <br />
            <label>Birthday:</label> 
            <select name="selDay" id="selDay" style="width:70px" onchange="changeDay()"> 
                <option selected="selected" value="0">Day</option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>
                <option value="24">24</option>
                <option value="25">25</option>
                <option value="26">26</option>
                <option value="27">27</option>
                <option value="28">28</option><option value="29" id="day29">29</option><option value="30" id="day30">30</option>
                <option value="31" id="day31">31</option>
            </select> 
            <select name="selMonth" id="selMonth" class="ipInline" onchange="changeDay()">
                <option selected="selected" value="0">Month</option>
                <option value="1" >January</option>
                <option value="2" >February</option>
                <option value="3" >March</option>
                <option value="4" >April</option>
                <option value="5" >May</option>
                <option value="6" >June</option>
                <option value="7" >July</option>
                <option value="8" >August</option>
                <option value="9" >September</option>
                <option value="10" >October</option>
                <option value="11" >November</option>
                <option value="12" >December</option>
            </select>
            <select name="selYear" id="selYear" class="ipInline" onchange="changeDay()">
                <option value="0">Year</option>
                <option value="1994">1994</option>
                <option value="1993">1993</option>
                <option value="1992">1992</option>
                <option value="1991">1991</option>
                <option value="1990">1990</option>
                <option value="1989">1989</option>
                <option value="1988">1988</option>
                <option value="1987">1987</option>
                <option value="1986">1986</option>
                <option value="1985">1985</option>
                <option value="1984">1984</option>
                <option value="1983">1983</option>
                <option value="1982">1982</option>
                <option value="1981">1981</option>
                <option value="1980">1980</option>
                <option value="1979">1979</option>
                <option value="1978">1978</option>
                <option value="1977">1977</option>
                <option value="1976">1976</option>
                <option value="1975">1975</option>
                <option value="1974">1974</option>
                <option value="1973">1973</option>
                <option value="1972">1972</option>
                <option value="1971">1971</option>
                <option value="1970">1970</option>
                <option value="1969">1969</option>
                <option value="1968">1968</option>
                <option value="1967">1967</option>
                <option value="1966">1966</option>
                <option value="1965">1965</option>
                <option value="1964">1964</option>
                <option value="1963">1963</option>
                <option value="1962">1962</option>
                <option value="1961">1961</option>
                <option value="1960">1960</option>
                <option value="1959">1959</option>
                <option value="1958">1958</option>
                <option value="1957">1957</option>
                <option value="1956">1956</option>
                <option value="1955">1955</option>
                <option value="1954">1954</option>
                <option value="1953">1953</option>
                <option value="1952">1952</option>
                <option value="1951">1951</option>
                <option value="1950">1950</option>
                <option value="1949">1949</option>
                <option value="1948">1948</option>
                <option value="1947">1947</option>
                <option value="1946">1946</option>
                <option value="1945">1945</option>
                <option value="1944">1944</option>
                <option value="1943">1943</option>
                <option value="1942">1942</option>
                <option value="1941">1941</option>
                <option value="1940">1940</option>
                <option value="1939">1939</option>
                <option value="1938">1938</option>
                <option value="1937">1937</option>
                <option value="1936">1936</option>
                <option value="1935">1935</option>
                <option value="1934">1934</option>
                <option value="1933">1933</option>
                <option value="1932">1932</option>
                <option value="1931">1931</option>
                <option value="1930">1930</option>
                <option value="1929">1929</option>
                <option value="1928">1928</option>
                <option value="1927">1927</option>
                <option value="1926">1926</option>
                <option value="1925">1925</option>
                <option value="1924">1924</option>
                <option value="1923">1923</option>
                <option value="1922">1922</option>
                <option value="1921">1921</option>
                <option value="1920">1920</option>
                <option value="1919">1919</option>
                <option value="1918">1918</option>
                <option value="1917">1917</option>
                <option value="1916">1916</option>
                <option value="1915">1915</option>
                <option value="1914">1914</option>
                <option value="1913">1913</option>
                <option value="1912">1912</option>
                <option value="1911">1911</option>
                <option value="1910">1910</option>
                <option value="1909">1909</option>
                <option value="1908">1908</option>
                <option value="1907">1907</option>
                <option value="1906">1906</option>
                <option value="1905">1905</option>
                <option value="1904">1904</option>
                <option value="1903">1903</option>
                <option value="1902">1902</option>
                <option value="1901">1901</option>
            </select>
        </fieldset><!--ends fsetRegistrationDetails-->
        <fieldset id="fsetCreditCardDetails" class="fsetExtended">  
            <p class="pLegend">Credit Card Details (Optional)</p>  
                        <label>Credit Card No:</label> 
            <input type="text" name="txtCreditCardNumber" id="txtCreditCardNumber" maxlength="20" onfocus="changelabel('ccnErr','')"/>
            <label id="lblCreditCardNumberError" class="lblError"></Label>
            <br />
            <label>Credit Card CVV:</label> 
            <input type="text" name="txtCreditCardCVV" size="30" maxlength="6" />
            <br />
            <label>Credit Card Type:</label> 
            <select name="selType" class="ipBoxes">
                <option value="1">American Express</option>
                <option value="2">MasterCard</option>
                <option value="3">Visa</option>
            </select>
            <br />
            <label>Credit Card Expiry:</label> 
            <select name="ccmonth" id="selCreditCardMonth" class="selFirst" onchange="changeccDay()">
                <option selected="selected" value="0">Month</option>
                <option value="1" >1</option>
                <option value="2" >2</option>
                <option value="3" >3</option>
                <option value="4" >4</option>
                <option value="5" >5</option>
                <option value="6" >6</option>
                <option value="7" >7</option>
                <option value="8" >8</option>
                <option value="9" >9</option>
                <option value="10" >10</option>
                <option value="11" >11</option>
                <option value="12" >12</option>
            </select> /
            <select name="selCreditCardYear" id="selCreditCardYear"  class="ipInline onchange="changeccDay()">
                <option value="0">Year</option>
                <option value="2020">2010</option>
                <option value="2019">2011</option>
                <option value="2018">2012</option>
                <option value="2017">2013</option>
                <option value="2016">2014</option>
                <option value="2015">2015</option>
                <option value="2014">2016</option>
                <option value="2013">2017</option>
                <option value="2012">2018</option>
                <option value="2011">2019</option>
                <option value="2010">2020</option>
            </select>
            <br />
            <label>Credit Card Holder:</label> 
            <input type="text" name="txtCreditCardHolder" size="30" maxlength="20" />
            <br /><br />
            <label>Country:</label> 
            <select name="selCountry" id="selCountry" class="ipBoxes">
                <option selected="selected" value="0">Country</option>
                <option value="AF">Afghanistan</option>
                <option value="AX">Aland Islands</option>
                <option value="AL">Albania</option>
                <option value="DZ">Algeria</option>
                <option value="AS">American Samoa</option>
                <option value="AD">Andorra</option>
                <option value="AO">Angola</option>
                <option value="AI">Anguilla</option>
                <option value="AQ">Antarctica</option>
                <option value="AG">Antigua and Barbuda</option>
                <option value="AR">Argentina</option>
                <option value="AM">Armenia</option>
                <option value="AW">Aruba</option>
                <option value="AU">Australia</option>
                <option value="AT">Austria</option>
                <option value="AZ">Azerbaijan</option>
                <option value="BS">Bahamas</option>
                <option value="BH">Bahrain</option>
                <option value="BD">Bangladesh</option>
                <option value="BB">Barbados</option>
                <option value="BY">Belarus</option>
                <option value="BE">Belgium</option>
                <option value="BZ">Belize</option>
                <option value="BJ">Benin</option>
                <option value="BM">Bermuda</option>
                <option value="BT">Bhutan</option>
                <option value="BO">Bolivia</option>
                <option value="BA">Bosnia and Herzegovina</option>
                <option value="BW">Botswana</option>
                <option value="BV">Bouvet Island</option>
                <option value="BR">Brazil</option>
                <option value="IO">British Indian Ocean Territory</option>
                <option value="VG">British Virgin Islands</option>
                <option value="BN">Brunei</option>
                <option value="BG">Bulgaria</option>
                <option value="BF">Burkina Faso</option>
                <option value="BI">Burundi</option>
                <option value="KH">Cambodia</option>
                <option value="CM">Cameroon</option>
                <option value="CA">Canada</option>
                <option value="CV">Cape Verde</option>
                <option value="KY">Cayman Islands</option>
                <option value="CF">Central African Republic</option>
                <option value="TD">Chad</option>
                <option value="CL">Chile</option>
                <option value="CN">China</option>
                <option value="CX">Christmas Island</option>
                <option value="CC">Cocos (Keeling) Islands</option>
                <option value="CO">Colombia</option>
                <option value="KM">Comoros</option>
                <option value="CG">Congo</option>
                <option value="CD">Congo - Democratic Republic of</option>
                <option value="CK">Cook Islands</option>
                <option value="CR">Costa Rica</option>
                <option value="CI">Cote d'Ivoire</option>
                <option value="HR">Croatia</option>
                <option value="CU">Cuba</option>
                <option value="CY">Cyprus</option>
                <option value="CZ">Czech Republic</option>
                <option value="DK">Denmark</option>
                <option value="DJ">Djibouti</option>
                <option value="DM">Dominica</option>
                <option value="DO">Dominican Republic</option>
                <option value="EC">Ecuador</option>
                <option value="EG">Egypt</option>
                <option value="SV">El Salvador</option>
                <option value="GQ">Equatorial Guinea</option>
                <option value="ER">Eritrea</option>
                <option value="EE">Estonia</option>
                <option value="ET">Ethiopia</option>
                <option value="FK">Falkland Islands (Islas Malvinas)</option>
                <option value="FO">Faroe Islands</option>
                <option value="FJ">Fiji</option>
                <option value="FI">Finland</option>
                <option value="FR">France</option>
                <option value="GF">French Guiana</option>
                <option value="PF">French Polynesia</option>
                <option value="TF">French Southern Territories</option>
                <option value="GA">Gabon</option>
                <option value="GM">Gambia</option>
                <option value="GE">Georgia</option>
                <option value="DE">Germany</option>
                <option value="GH">Ghana</option>
                <option value="GI">Gibraltar</option>
                <option value="GR">Greece</option>
                <option value="GL">Greenland</option>
                <option value="GD">Grenada</option>
                <option value="GP">Guadeloupe</option>
                <option value="GU">Guam</option>
                <option value="GT">Guatemala</option>
                <option value="GG">Guernsey</option>
                <option value="GN">Guinea</option>
                <option value="GW">Guinea-Bissau</option>
                <option value="GY">Guyana</option>
                <option value="HT">Haiti</option>
                <option value="HM">Heard Island and McDonald Islands</option>
                <option value="VA">Holy See (Vatican City State)</option>
                <option value="HN">Honduras</option>
                <option value="HK">Hong Kong</option>
                <option value="HU">Hungary</option>
                <option value="IS">Iceland</option>
                <option value="IN">India</option>
                <option value="ID">Indonesia</option>
                <option value="IR">Iran</option>
                <option value="IQ">Iraq</option>
                <option value="IE">Ireland</option>
                <option value="IM">Isle of Man</option>
                <option value="IL">Israel</option>
                <option value="IT">Italy</option>
                <option value="JM">Jamaica</option>
                <option value="JP">Japan</option>
                <option value="JE">Jersey</option>
                <option value="JO">Jordan</option>
                <option value="KZ">Kazakhstan</option>
                <option value="KE">Kenya</option>
                <option value="KI">Kiribati</option>
                <option value="KW">Kuwait</option>
                <option value="KG">Kyrgyzstan</option>
                <option value="LA">Laos</option>
                <option value="LV">Latvia</option>
                <option value="LB">Lebanon</option>
                <option value="LS">Lesotho</option>
                <option value="LR">Liberia</option>
                <option value="LY">Libya</option>
                <option value="LI">Liechtenstein</option>
                <option value="LT">Lithuania</option>
                <option value="LU">Luxembourg</option>
                <option value="MO">Macao</option>
                <option value="MK">Macedonia</option>
                <option value="MG">Madagascar</option>
                <option value="MW">Malawi</option>
                <option value="MY">Malaysia</option>
                <option value="MV">Maldives</option>
                <option value="ML">Mali</option>
                <option value="MT">Malta</option>
                <option value="MH">Marshall Islands</option>
                <option value="MQ">Martinique</option>
                <option value="MR">Mauritania</option>
                <option value="MU">Mauritius</option>
                <option value="YT">Mayotte</option>
                <option value="MX">Mexico</option>
                <option value="FM">Micronesia - Federated States of</option>
                <option value="MD">Moldova</option>
                <option value="MC">Monaco</option>
                <option value="MN">Mongolia</option>
                <option value="ME">Montenegro</option>
                <option value="MS">Montserrat</option>
                <option value="MA">Morocco</option>
                <option value="MZ">Mozambique</option>
                <option value="MM">Myanmar</option>
                <option value="NA">Namibia</option>
                <option value="NR">Nauru</option>
                <option value="NP">Nepal</option>
                <option value="NL">Netherlands</option>
                <option value="AN">Netherlands Antilles</option>
                <option value="NC">New Caledonia</option>
                <option value="NZ">New Zealand</option>
                <option value="NI">Nicaragua</option>
                <option value="NE">Niger</option>
                <option value="NG">Nigeria</option>
                <option value="NU">Niue</option>
                <option value="NF">Norfolk Island</option>
                <option value="MP">Northern Mariana Islands</option>
                <option value="KP">North Korea</option>
                <option value="NO">Norway</option>
                <option value="OM">Oman</option>
                <option value="PK">Pakistan</option>
                <option value="PW">Palau</option>
                <option value="PA">Panama</option>
                <option value="PG">Papua New Guinea</option>
                <option value="PY">Paraguay</option>
                <option value="PE">Peru</option>
                <option value="PH">Philippines</option>
                <option value="PN">Pitcairn</option>
                <option value="PL">Poland</option>
                <option value="PT">Portugal</option>
                <option value="PR">Puerto Rico</option>
                <option value="QA">Qatar</option>
                <option value="RE">Reunion</option>
                <option value="RO">Romania</option>
                <option value="RU">Russia</option>
                <option value="RW">Rwanda</option>
                <option value="SH">Saint Helena</option>
                <option value="KN">Saint Kitts and Nevis</option>
                <option value="LC">Saint Lucia</option>
                <option value="PM">Saint Pierre and Miquelon</option>
                <option value="VC">Saint Vincent and the Grenadines</option>
                <option value="WS">Samoa</option>
                <option value="SM">San Marino</option>
                <option value="ST">Sao Tome and Principe</option>
                <option value="SA">Saudi Arabia</option>
                <option value="SN">Senegal</option>
                <option value="RS">Serbia</option>
                <option value="SC">Seychelles</option>
                <option value="SL">Sierra Leone</option>
                <option value="SG">Singapore</option>
                <option value="SK">Slovakia</option>
                <option value="SI">Slovenia</option>
                <option value="SB">Solomon Islands</option>
                <option value="SO">Somalia</option>
                <option value="ZA">South Africa</option>
                <option value="GS">South Georgia and the South Sandwich Islands</option>
                <option value="KR">South Korea</option>
                <option value="ES">Spain</option>
                <option value="LK">Sri Lanka</option>
                <option value="SD">Sudan</option>
                <option value="SR">Suriname</option>
                <option value="SJ">Svalbard and Jan Mayen</option>
                <option value="SZ">Swaziland</option>
                <option value="SE">Sweden</option>
                <option value="CH">Switzerland</option>
                <option value="SY">Syria</option>
                <option value="TW">Taiwan</option>
                <option value="TJ">Tajikistan</option>
                <option value="TZ">Tanzania</option>
                <option value="TH">Thailand</option>
                <option value="TL">Timor-Leste</option>
                <option value="TG">Togo</option>
                <option value="TK">Tokelau</option>
                <option value="TO">Tonga</option>
                <option value="TT">Trinidad and Tobago</option>
                <option value="TN">Tunisia</option>
                <option value="TR">Turkey</option>
                <option value="TM">Turkmenistan</option>
                <option value="TC">Turks and Caicos Islands</option>
                <option value="TV">Tuvalu</option>
                <option value="UG">Uganda</option>
                <option value="UA">Ukraine</option>
                <option value="AE">United Arab Emirates</option>
                <option value="GB">United Kingdom</option>
                <option value="US">United States</option>
                <option value="UM">United States Minor Outlying Islands</option>
                <option value="VI">United States Virgin Islands</option>
                <option value="UY">Uruguay</option>
                <option value="UZ">Uzbekistan</option>
                <option value="VU">Vanuatu</option>
                <option value="VE">Venezuela</option>
                <option value="VN">Vietnam</option>
                <option value="WF">Wallis and Futuna</option>
                <option value="PS">West Bank</option>
                <option value="EH">Western Sahara</option>
                <option value="YE">Yemen</option>
                <option value="ZM">Zambia</option>
                <option value="ZW">Zimbabwe</option>
            </select>
            <br/>
            <label>City:</label> 
            <input type="text" name="txtCity" class="ipBoxes"size="30" maxlength="30" />
            <br />
            <label>State:</label> 
            <input type="text" name="txtState" class="ipBoxes"size="30" maxlength="30" />
            <br />
            <label>Address line 1:</label> 
            <input type="text" name="txtAddressLine1" class="ipBoxes" maxlength="30" />
            <br />
            <label>Address line 2:</label> 
            <input type="text" name="txtAddressLine2" class="ipBoxes" maxlength="30" />
            <br />
            <label>Postal Code:</label> 
            <input type="text" name="txtPostalCode" maxlength="10"/><br />
        </fieldset><!--ends fsetCreditCardDetails--> 
        <div id="divButtons">
            <input type="submit" name="btnRegister" size="30" value="Submit"/>
            <input class="ipInline" type="reset" name="btnReset" size="30" value="Reset"/><br />
        </div>
    </form>
</div> <!-- ends main -->

<div id="divFooter">
    <div id="divFooterLeft">&#169 Copyright 2010 Celestial Home</div>
    <div id="divFooterRight"> Site Design by <a href="#" id="aDreamArchitect"><img src="images/dream.png" alt="Dream Architect"/></a></div>
    <div id="divFooterCenter"><img src="images/visa.gif" alt=""/><img src="images/paypal.png" alt="" /></div>
</div><!--ends divFooter-->

</body>
</html>
